* { margin: 0; padding: 0; }

html { background: #e0e0e0; font-family: "Palatino Linotype", Palatino, Georgia, serif; font-size: 62.5%; }

#body { width: 640px; position: absolute; left: 50%; margin-left: -320px; }

#top { height: 100px; }
#top h1 { text-align: right; font-size: 5em; font-weight: normal; color: #fff; font-style: italic; letter-spacing: -2px; }
#top ul.navigation { list-style-type: none; position: absolute; top: 70px; }
#top ul.navigation li { float: left; margin-right: 5px; }
#top ul.navigation a { display: block; padding: 5px; height: 20px; font-size: 1.4em; background: #333; text-decoration: none; color: #ccc; }
#top ul.navigation a:hover { background: #666; }
#top ul.navigation li.active a { color: #000; background: #fff; }

#content { background: #fff; padding: 30px; }
#content h1 { margin-bottom: 10px; font-size: 2.8em; }
#content p { margin-bottom: 1em; font-size: 1.4em; line-height: 1.8em; }
#content p.description { font-weight: bold; color: #666; font-style: italic; border-bottom: 1px dotted #ccc; padding-bottom: 1em; }
#content a { color: #09c; }
#content a:hover { color: #fff; background: #09c; text-decoration: none; }
#content ul, #content ol { font-size: 1.4em; line-height: 1.8em; margin-bottom: 1em; margin-left: 2em; }

#footer { background: #333; padding: 10px 30px; color: #ccc; margin-bottom: 30px; }
#footer a { color: #fff; }
#footer a.login { float: right; }
#footer a:hover { color: #333; background: #ccc; text-decoration: none; }

.newsItem { border-bottom: 1px dotted #ccc; margin-bottom: 30px; }
.newsItem h2 { color: #666; font-size: 2em; border-bottom: 1px solid #eee; }
.newsItem span.date { position: absolute; left: -30px; color: #ccc; background: #333; display: block; width: 40px; height: 40px; font-size: 1.4em; padding: 5px; text-align: center; }

.paginator { font-size: 1.2em; height: 17px; }
.paginator a.next { float: right; }

/* Make it nice with CSS3: */

#top h1 {
	text-shadow: 2px 2px 2px #bbb;
}

#content h1 {
	text-shadow: 2px 2px 2px #bbb; 
}

#box, .newsItem span.date {
	-moz-box-shadow: 0px 5px 10px #888;
	-webkit-box-shadow: 0px 5px 10px #888;
	box-shadow: 0px 5px 10px #888;
}